<!DOCTYPE html>
<html lang="zh-CN">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="/static/css/common.css">
        <link rel="stylesheet" href="/static/css/about.css">
        <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
        <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
        <title>关于我</title>
    </head>

    <body>
        <!-- 移动端菜单栏 -->
        <div class="mobile-menu">
            <span class="mobile-menu-icon">
                <i class="layui-icon layui-icon-menu-fill"></i>
            </span>
            <div class="mobile-menu-content">
                <p>
                    <a href="/">首页</a>
                </p>
                <p>
                    <a href="/archive">归档</a>
                </p>
                <p>
                    <a href="/about">关于</a>
                </p>
                <p>
                    <a target="_blank" href="https://www.ghxi.com/">资源</a>
                </p>
            </div>
        </div>


        <div class="container">
            <!-- 左侧菜单栏 -->
            <div class="side-bar">
                <!-- logo -->
                <div class="logo-wrapper">
                    <img src="/static/img/logo.png" alt="听雨" onclick="window.location.href='/';" />
                    <h1>听雨</h1>
                </div>
                <!-- 联系方式 -->
                <div class="contact-wrapper">
                    <span class="contact-email">
                        <img src="/static/img/email.svg" alt="1186472484@qq.com" />
                    </span>
                    <span class="contact-gitee">
                        <img src="/static/img/gitee.svg" alt="https://gitee.com/yuguofu/"
                            href="https://gitee.com/yuguofu/" onclick="window.open(this.getAttribute('href'));" />
                    </span>
                </div>
                <!-- 导航链接 -->
                <div class="navlink">
                    <ul class="navlist">
                        <li>
                            <a href="/">首页</a>
                        </li>
                        <li>
                            <a href="/archive">归档</a>
                        </li>
                        <li>
                            <a href="/about">关于</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://www.ghxi.com/">资源</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="about-wrapper">
                <div class="about-main">
                    <div class="about-title">
                        <h1>听雨</h1>
                        <p>一个爱学习，爱分享，爱分享的人。</p>
                    </div>

                    <div class="about-content">
                        <h4>关于我</h4>
                        <p>
                            听雨是一个并非科班的编程爱好者博主，目前正在努力学习各种编程技术
                        </p>
                        <p>
                            本来想着入了这行有点高级，收入也应该不菲，原来都是错觉!
                        </p>
                        <p>
                            入接触编程到现在，钱鸡毛没赚下，头发掉了不少，各种补药没少买！
                        </p>
                    </div>

                    <div class="open-source">
                        <h4>我的开源</h4>
                        <div class="layui-row">
                            <h5>webman blog</h5>
                            <p>
                                <a href="https://gitee.com/yuguofu/webman_blog"
                                    target="_blank">https://gitee.com/yuguofu/webman_blog</a>
                            </p>

                            <p>
                                博客系统，基于webman编写。
                            </p>
                        </div>

                        <div class="layui-row">
                            <h5>zigblog</h5>
                            <p>
                                <a href="https://gitee.com/yuguofu/zigblog"
                                    target="_blank">https://gitee.com/yuguofu/zigblog</a>
                            </p>

                            <p>
                                博客系统，采用zig编写，基于tokamak("https://github.com/cztomsik/tokamak") 开源http框架。
                            </p>
                        </div>

                        <div class="layui-row">
                            <h5>rustblog</h5>
                            <p>
                                <a href="https://gitee.com/yuguofu/rust-blog"
                                    target="_blank">https://gitee.com/yuguofu/rust-blog</a>
                            </p>
                            <p>
                                Rust博客，使用Rocket+Rbatis+mysql
                                <br />
                                前后端分离，此为rust后端api
                                <br />
                                前端前台项目请移步：rust-blog-home ("https://gitee.com/yuguofu/rust-blog-home")
                                <br />
                                前端后台项目请移步：rust-blog-admin ("https://gitee.com/yuguofu/rust-blog-admin")
                            </p>
                        </div>

                    </div>
                </div>

            </div>

        </div>

    </body>

</html>